<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <title>吉象出海 - 泰国签证服务</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary: #EAA82A;  /* 大象黄 - 品牌主色 */
            --secondary: #2E8B57; /* 森林绿 - 辅助色 */
            --dark: #1a2e3b;     /* 深蓝色 */
            --danger: #D0021B;   /* 警示红 */
            --text: #374151;    /* 主要文字色 */
            --light-bg: #F8F9FA; /* 浅灰背景 */
            --card-shadow: 0 2px 12px rgba(0,0,0,0.06);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        
        body {
            background-color: var(--light-bg);
            color: var(--text);
            max-width: 428px;
            margin: 0 auto;
            padding-bottom: 70px;
            position: relative;
        }
        
        /* 顶部品牌区域 */
        .brand-header {
            text-align: center;
            padding: 12px 0;
            background: linear-gradient(to bottom, #ffffff, #F8F9FA);
            position: relative;
            border-radius: 0;
            margin-bottom: 0;
            color: var(--primary);
        }
        
        .brand-title {
            font-size: 22px;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 4px;
            position: relative;
            display: inline-block;
        }
        
        .brand-subtitle {
            font-size: 12px;
            color: var(--text);
            letter-spacing: 2px;
            opacity: 0.8;
            margin-top: 0;
            padding: 0;
            line-height: normal;
        }
        
        /* 内容容器 */
        .container {
            padding: 0 15px;
            margin-bottom: 20px;
        }
        
        /* 签证卡片 */
        .section-title {
            font-size: 18px;
            font-weight: 700;
            margin: 20px 0 15px;
            display: flex;
            align-items: center;
            position: relative;
            padding-left: 12px;
        }
        
        .section-title::before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 20px;
            background: var(--primary);
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            border-radius: 2px;
        }
        
        .section-title i {
            margin-right: 8px;
            font-size: 18px;
        }
        
        .cards-container {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
            margin-bottom: 20px;
        }
        
        .card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--card-shadow);
            transition: all 0.3s ease;
        }
        
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        
        .card-header {
            background-color: var(--secondary);
            color: white;
            padding: 15px;
            display: flex;
            align-items: center;
        }
        
        .card-header i {
            font-size: 20px;
            margin-right: 10px;
        }
        
        .card-title {
            font-size: 16px;
            font-weight: 700;
        }
        
        .card-body {
            padding: 15px;
        }
        
        .card-feature {
            display: flex;
            margin-bottom: 10px;
            align-items: flex-start;
        }
        
        .card-feature i {
            color: var(--secondary);
            margin-right: 8px;
            min-width: 20px;
            margin-top: 2px;
            font-size: 14px;
        }
        
        .card-feature div {
            font-size: 14px;
        }
        
        .card-footer {
            padding: 12px 15px;
            background-color: rgba(46, 139, 87, 0.1);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .price {
            font-size: 16px;
            font-weight: 700;
            color: var(--secondary);
        }
        
        .price-detail {
            font-size: 11px;
            color: var(--text);
            opacity: 0.7;
        }
        
        .btn {
            padding: 8px 15px;
            border-radius: 20px;
            border: none;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            display: inline-block;
            text-align: center;
            text-decoration: none;
            font-size: 14px;
        }
        
        .btn-primary {
            background-color: var(--secondary);
            color: white;
        }
        
        .btn-primary:hover {
            background-color: #257347;
        }
        
        /* 警告提示 */
        .warning-box {
            background-color: #fff8e1;
            border-left: 4px solid #ffc107;
            padding: 12px;
            margin: 15px 0;
            border-radius: 0 4px 4px 0;
        }
        
        .warning-title {
            display: flex;
            align-items: center;
            color: #d32f2f;
            margin-bottom: 8px;
            font-weight: 600;
            font-size: 14px;
        }
        
        .warning-title i {
            margin-right: 8px;
            font-size: 14px;
        }
        
        .warning-box p {
            font-size: 13px;
            margin-bottom: 5px;
        }
        
        /* 成功案例 */
        .success-section {
            background-color: white;
            border-radius: 12px;
            padding: 15px;
            margin-bottom: 20px;
            box-shadow: var(--card-shadow);
        }
        
        .case-container {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
            margin-top: 15px;
        }
        
        .case-card {
            background: var(--light-bg);
            border-radius: 8px;
            padding: 15px;
            border-left: 4px solid var(--secondary);
        }
        
        .case-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
        }
        
        .case-name {
            font-weight: 600;
            color: var(--secondary);
            font-size: 14px;
        }
        
        .case-date {
            color: var(--text);
            font-size: 12px;
            opacity: 0.7;
        }
        
        .case-detail {
            margin-bottom: 10px;
            color: var(--text);
            font-size: 13px;
        }
        
        .case-tag {
            background-color: #e8f5e9;
            color: #2e7d32;
            padding: 3px 8px;
            border-radius: 20px;
            font-size: 11px;
            display: inline-block;
        }
        
        /* 驾照转换 */
        .license-section {
            background: linear-gradient(135deg, #1a2a6c, var(--secondary));
            border-radius: 12px;
            padding: 15px;
            margin-bottom: 20px;
            color: white;
            box-shadow: var(--card-shadow);
        }
        
        .license-title {
            font-size: 18px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .license-title i {
            margin-right: 10px;
            font-size: 20px;
        }
        
        .license-features {
            display: grid;
            grid-template-columns: 1fr;
            gap: 10px;
            margin-bottom: 15px;
        }
        
        .feature-item {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.15);
            padding: 10px 12px;
            border-radius: 8px;
        }
        
        .feature-item i {
            font-size: 18px;
            margin-right: 10px;
        }
        
        .material-list {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 15px;
        }
        
        .material-list li {
            margin-bottom: 8px;
            display: flex;
            align-items: flex-start;
            font-size: 13px;
        }
        
        .material-list li:before {
            content: "•";
            color: #FFD700;
            font-weight: bold;
            display: inline-block;
            width: 15px;
            font-size: 16px;
        }
        
        /* 资格自测 */
        .qualification-section {
            background-color: white;
            border-radius: 12px;
            padding: 15px;
            margin-bottom: 20px;
            box-shadow: var(--card-shadow);
        }
        
        .test-container {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
            margin-top: 15px;
        }
        
        .test-card {
            background: var(--light-bg);
            border-radius: 8px;
            padding: 15px;
            border: 1px solid #e2e8f0;
        }
        
        .test-title {
            font-weight: 600;
            margin-bottom: 12px;
            color: var(--secondary);
            display: flex;
            align-items: center;
            font-size: 15px;
        }
        
        .test-title i {
            margin-right: 8px;
        }
        
        .checkbox-group {
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            font-size: 13px;
        }
        
        .checkbox-group input {
            margin-right: 8px;
        }
        
        /* 平台保障 */
        .guarantee-section {
            background-color: var(--secondary);
            border-radius: 12px;
            padding: 15px;
            margin-bottom: 20px;
            color: white;
        }
        
        .guarantee-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
            margin-top: 15px;
        }
        
        .guarantee-item {
            text-align: center;
            padding: 15px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 8px;
        }
        
        .guarantee-icon {
            font-size: 30px;
            margin-bottom: 10px;
            color: #FFD700;
        }
        
        .guarantee-title {
            font-weight: 600;
            margin-bottom: 8px;
            font-size: 15px;
        }
        
        .guarantee-item p {
            font-size: 13px;
        }
        
        /* 悬浮客服按钮 */
        .floating-support {
            position: fixed;
            bottom: 80px;
            right: 15px;
            background: #00B900;
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            z-index: 999;
            cursor: pointer;
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(0, 185, 0, 0.7); }
            70% { box-shadow: 0 0 0 15px rgba(0, 185, 0, 0); }
            100% { box-shadow: 0 0 0 0 rgba(0, 185, 0, 0); }
        }
        
        /* 底部导航菜单 */
        .tab-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            background: white;
            box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
            padding: 8px 0 calc(8px + env(safe-area-inset-bottom));
            z-index: 1000;
            max-width: 428px;
            margin: 0 auto;
            border-radius: 20px 20px 0 0;
        }
        
        .tab-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 8px 5px 10px;
            min-height: 60px;
            border-radius: 16px;
            margin: 0 5px;
            transition: all 0.2s ease;
            position: relative;
            cursor: pointer;
        }
        
        .tab-item::after {
            content: '';
            position: absolute;
            top: -15px;
            bottom: -15px;
            left: 0;
            right: 0;
        }
        
        .tab-icon {
            font-size: 1.4rem;
            margin-bottom: 4px;
            transition: all 0.2s ease;
        }
        
        .tab-label {
            font-size: 12px;
            font-weight: 500;
            transition: all 0.2s ease;
        }
        
        .tab-item.active {
            background: rgba(234, 168, 42, 0.15);
        }
        
        .tab-item.active .tab-icon {
            color: var(--primary);
            transform: scale(1.1);
        }
        
        .tab-item.active .tab-label {
            color: var(--primary);
            font-weight: 600;
        }
        
        .tab-item:not(.active):hover {
            background: rgba(0, 0, 0, 0.03);
        }
        
        .tab-item:not(.active) .tab-icon {
            color: #6c757d;
        }
        
        .tab-item:not(.active) .tab-label {
            color: #495057;
        }
        
        /* 大象品牌元素装饰 */
        .elephant-decoration {
            position: absolute;
            top: 15px;
            left: 20px;
            opacity: 0.15;
            font-size: 32px;
            transform: rotate(-15deg);
            z-index: 0;
            color: var(--primary);
        }
        
        /* 特权横幅 */
        .banner {
            background: linear-gradient(90deg, var(--secondary) 0%, #1a5333 100%);
            color: white;
            padding: 12px 15px;
            margin: 15px 0;
            border-radius: 12px;
            text-align: center;
            box-shadow: var(--card-shadow);
        }
        
        .banner-content {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .banner-icon {
            font-size: 24px;
            margin-right: 10px;
        }
        
        .banner-text {
            font-size: 14px;
            font-weight: 600;
        }
        
        .banner-highlight {
            background-color: #FFD700;
            color: var(--text);
            padding: 2px 6px;
            border-radius: 4px;
            margin: 0 3px;
            font-weight: 700;
            font-size: 13px;
        }
		/* 修改后的顶部品牌区样式 */
.brand-header {
    text-align: center;
    padding: 12px 0;
    background: linear-gradient(to bottom, #ffffff, #F8F9FA);
    position: relative;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-content {
    flex: 1;
    text-align: center;
}

.back-btn {
    position: absolute;
    left: 15px;
    font-size: 20px;
    color: var(--primary);
    cursor: pointer;
    z-index: 1;
}
    </style>
</head>
<body>
    <!-- 顶部品牌区域 -->
<header class="brand-header">
    <div class="back-btn" id="backBtn">
        <i class="fas fa-arrow-left"></i>
    </div>
    <div class="brand-content">
        <div class="brand-title">吉象出海</div>
        <div class="brand-subtitle">泰国专业房地产服务平台</div>
    </div>
</header>
    
    <div class="container">
        <!-- 特权横幅 -->
        <div class="banner">
            <div class="banner-content">
                <div class="banner-icon">
                    <i class="fas fa-crown"></i>
                </div>
                <div class="banner-text">
                    购泰国房产享<span class="banner-highlight">免签证代办费</span> 
                </div>
            </div>
        </div>

        <!-- 签证卡片 -->
        <h2 class="section-title">
            <i class="fas fa-file-contract"></i>热门签证服务
        </h2>
        
        <div class="cards-container">
            <!-- DTV签证 -->
            <div class="card">
                <div class="card-header">
                    <i class="fas fa-globe-asia"></i>
                    <div class="card-title">DTV精英签证</div>
                </div>
                <div class="card-body">
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>5年多次往返 · 单次停留180天</div>
                    </div>
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>自由职业者专属签证方案</div>
                    </div>
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>加急通道15天快速出签</div>
                    </div>
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>平台承诺：拒签全退 · 资料加密</div>
                    </div>
                </div>
                <div class="card-footer">
                    <div>
                        <div class="price">首付24,600泰铢</div>
                        <div class="price-detail">月供13,900泰铢×6 | 原价82,000泰铢</div>
                    </div>
                    <button class="btn btn-primary">获取专属方案</button>
                </div>
            </div>
            
            <!-- 养老签证 -->
            <div class="card">
                <div class="card-header">
                    <i class="fas fa-umbrella-beach"></i>
                    <div class="card-title">养老签证</div>
                </div>
                <div class="card-body">
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>专为50岁以上人士设计</div>
                    </div>
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>允许在泰国长期居住</div>
                    </div>
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>单日办完 · 1-3个月出签</div>
                    </div>
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>首办52,000泰铢起，后续年费优惠</div>
                    </div>
                    
                    <!-- 警告提示 -->
                    <div class="warning-box">
                        <div class="warning-title">
                            <i class="fas fa-exclamation-triangle"></i>
                            重要提示
                        </div>
                        <p>持养老签禁止在泰国工作，违者将面临驱逐出境</p>
                        <p>严禁在佛诞日等宗教节日饮酒</p>
                    </div>
                </div>
                <div class="card-footer">
                    <div>
                        <div class="price">52,000泰铢起</div>
                        <div class="price-detail">后续年费每年仅需25,000泰铢</div>
                    </div>
                    <button class="btn btn-primary">获取专属方案</button>
                </div>
            </div>
            
            <!-- 精英签证 -->
            <div class="card">
                <div class="card-header">
                    <i class="fas fa-star"></i>
                    <div class="card-title">精英签证</div>
                </div>
                <div class="card-body">
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>5-20年自由出入境泰国</div>
                    </div>
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>享受VIP机场通道及专属服务</div>
                    </div>
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>无需频繁续签，一劳永逸</div>
                    </div>
                    <div class="card-feature">
                        <i class="fas fa-check-circle"></i>
                        <div>包含24次免费专车接送服务</div>
                    </div>
                </div>
                <div class="card-footer">
                    <div>
                        <div class="price">600,000泰铢起</div>
                        <div class="price-detail">20年长期居留解决方案</div>
                    </div>
                    <button class="btn btn-primary">获取专属方案</button>
                </div>
            </div>
        </div>

        <!-- 成功案例 -->
        <div class="success-section">
            <h2 class="section-title">
                <i class="fas fa-medal"></i>近期成功案例
            </h2>
            <div class="case-container">
                <div class="case-card">
                    <div class="case-header">
                        <div class="case-name">李** 女士</div>
                        <div class="case-date">2023-10-28</div>
                    </div>
                    <div class="case-detail">上海自由设计师，仅15天获批5年DTV签证，现已在清迈建立工作室</div>
                    <div class="case-tag">自由职业者</div>
                </div>
                <div class="case-card">
                    <div class="case-header">
                        <div class="case-name">王** 先生</div>
                        <div class="case-date">2023-10-25</div>
                    </div>
                    <div class="case-detail">深圳数字游民，通过加急通道12天获得DTV签证，已移居普吉岛</div>
                    <div class="case-tag">数字游民</div>
                </div>
                <div class="case-card">
                    <div class="case-header">
                        <div class="case-name">张** 夫妇</div>
                        <div class="case-date">2023-10-20</div>
                    </div>
                    <div class="case-detail">北京退休夫妇，3周完成养老签证办理，现已在芭提雅定居</div>
                    <div class="case-tag">退休养老</div>
                </div>
            </div>
        </div>

        <!-- 驾照转换 -->
        <div class="license-section">
            <h2 class="license-title">
                <i class="fas fa-id-card"></i>中国驾照换泰国驾照
            </h2>
            
            <div class="license-features">
                <div class="feature-item">
                    <i class="fas fa-bolt"></i>
                    <div>3天快速取证</div>
                </div>
                <div class="feature-item">
                    <i class="fas fa-wallet"></i>
                    <div>费用仅1,050泰铢</div>
                </div>
                <div class="feature-item">
                    <i class="fas fa-home"></i>
                    <div>购房客户享免费代办</div>
                </div>
            </div>
            
            <h3>材料清单：</h3>
            <ul class="material-list">
                <li>中国驾照原件及公证件（中英版）</li>
                <li>泰国住址证明（可用购房合同办理）</li>
                <li>护照原件及复印件（含签证页）</li>
                <li>健康证明（可在泰国指定医院办理）</li>
                <li>2寸白底证件照4张</li>
            </ul>
            
            <button class="btn btn-primary" style="background: #FFD700; color: var(--text);">预约代办服务</button>
        </div>

        <!-- 资格自测 -->
        <div class="qualification-section">
            <h2 class="section-title">
                <i class="fas fa-clipboard-check"></i>您是否符合条件？
            </h2>
            <div class="test-container">
                <div class="test-card">
                    <div class="test-title">
                        <i class="fas fa-passport"></i>
                        DTV签证资格自测
                    </div>
                    <div class="checkbox-group">
                        <input type="checkbox" id="passport">
                        <label for="passport">护照有效期 > 2年</label>
                    </div>
                    <div class="checkbox-group">
                        <input type="checkbox" id="asset">
                        <label for="asset">流动资产 > 50万泰铢</label>
                    </div>
                    <div class="checkbox-group">
                        <input type="checkbox" id="reject">
                        <label for="reject">无泰国拒签记录</label>
                    </div>
                    <div class="checkbox-group">
                        <input type="checkbox" id="freelancer">
                        <label for="freelancer">自由职业/远程工作者</label>
                    </div>
                    <button class="btn btn-primary" style="margin-top: 15px; width: 100%;">60秒快速评估</button>
                </div>
                
                <div class="test-card">
                    <div class="test-title">
                        <i class="fas fa-umbrella-beach"></i>
                        养老签证资格自测
                    </div>
                    <div class="checkbox-group">
                        <input type="checkbox" id="age">
                        <label for="age">年龄 ≥ 50周岁</label>
                    </div>
                    <div class="checkbox-group">
                        <input type="checkbox" id="deposit">
                        <label for="deposit">泰国银行账户存款 ≥ 80万泰铢</label>
                    </div>
                    <div class="checkbox-group">
                        <input type="checkbox" id="passport-valid">
                        <label for="passport-valid">护照有效期 > 18个月</label>
                    </div>
                    <div class="checkbox-group">
                        <input type="checkbox" id="health">
                        <label for="health">无传染性疾病</label>
                    </div>
                    <button class="btn btn-primary" style="margin-top: 15px; width: 100%;">60秒快速评估</button>
                </div>
            </div>
        </div>

        <!-- 平台保障 -->
        <div class="guarantee-section">
            <h2 class="section-title" style="color: white; border-color: rgba(255,255,255,0.3);">
                <i class="fas fa-shield-alt"></i>平台保障体系
            </h2>
            
            <div class="guarantee-grid">
                <div class="guarantee-item">
                    <div class="guarantee-icon">
                        <i class="fas fa-lock"></i>
                    </div>
                    <div class="guarantee-title">资金安全保障</div>
                    <p>所有资金由开泰银行监管，确保交易安全</p>
                </div>
                
                <div class="guarantee-item">
                    <div class="guarantee-icon">
                        <i class="fas fa-file-certificate"></i>
                    </div>
                    <div class="guarantee-title">官方授权资质</div>
                    <p>泰国移民局授权签证服务机构</p>
                </div>
                
                <div class="guarantee-item">
                    <div class="guarantee-icon">
                        <i class="fas fa-gavel"></i>
                    </div>
                    <div class="guarantee-title">专业法律支持</div>
                    <p>专业移民律师团队全程支持</p>
                </div>
                
                <div class="guarantee-item">
                    <div class="guarantee-icon">
                        <i class="fas fa-hand-holding-usd"></i>
                    </div>
                    <div class="guarantee-title">拒签全退承诺</div>
                    <p>如因材料问题拒签，全额退款</p>
                </div>
            </div>
        </div>
    </div>

    <!-- LINE客服悬浮窗 -->
    <div class="floating-support">
        <i class="fab fa-line"></i>
    </div>

    <!-- 底部导航菜单 -->
    <div class="tab-bar">
        <div class="tab-item">
            <div class="tab-icon"><i class="fas fa-home"></i></div>
            <div class="tab-label">首页</div>
        </div>
        <div class="tab-item">
            <div class="tab-icon"><i class="fas fa-comment-dots"></i></div>
            <div class="tab-label">消息</div>
        </div>
        <div class="tab-item active">
            <div class="tab-icon"><i class="fas fa-exchange-alt"></i></div>
            <div class="tab-label">发布</div>
        </div>
        <div class="tab-item">
            <div class="tab-icon"><i class="fas fa-handshake"></i></div>
            <div class="tab-label">委托</div>
        </div>
        <div class="tab-item">
            <div class="tab-icon"><i class="fas fa-user"></i></div>
            <div class="tab-label">我的</div>
        </div>
    </div>
    
    <script>
        // 返回按钮点击事件
        document.getElementById('backBtn').addEventListener('click', function() {
            if (window.history.length > 1) {
                window.history.back();
            } else {
                window.location.href = 'home.html';
            }
        });

        // 底部导航交互
        document.querySelectorAll('.tab-bar .tab-item').forEach(item => {
            item.addEventListener('click', function() {
                document.querySelectorAll('.tab-item').forEach(i => i.classList.remove('active'));
                this.classList.add('active');
                
                // 根据点击的标签跳转到相应页面
                const label = this.querySelector('.tab-label').textContent;
                switch(label) {
                    case '首页':
                        window.location.href = 'home.html';
                        break;
                    case '消息':
                        window.location.href = 'message.html';
                        break;
                    case '发布':
                        // 当前页面，不跳转
                        break;
                    case '委托':
                        window.location.href = 'entrust.html';
                        break;
                    case '我的':
                        window.location.href = 'profile.html';
                        break;
                    default:
                        // 不做跳转
                        break;
                }
            });
        });
        
        // 卡片悬停效果
        const cards = document.querySelectorAll('.card');
        cards.forEach(card => {
            card.addEventListener('mouseenter', function() {
                this.style.transform = 'translateY(-5px)';
                this.style.boxShadow = '0 10px 20px rgba(0,0,0,0.1)';
            });
            
            card.addEventListener('mouseleave', function() {
                this.style.transform = 'translateY(0)';
                this.style.boxShadow = '0 2px 12px rgba(0,0,0,0.06)';
            });
        });
        
        // 按钮点击效果
        const buttons = document.querySelectorAll('.btn');
        buttons.forEach(button => {
            button.addEventListener('click', function(e) {
                e.preventDefault();
                this.style.transform = 'scale(0.95)';
                setTimeout(() => {
                    this.style.transform = 'scale(1)';
                }, 150);
                
                // 根据按钮文本执行不同操作
                const buttonText = this.textContent.trim();
                if (buttonText.includes('获取专属方案')) {
                    alert('将为您联系签证顾问');
                } else if (buttonText.includes('评估')) {
                    alert('正在评估您的资格条件');
                } else if (buttonText.includes('预约')) {
                    alert('跳转至预约页面');
                }
            });
        });
        
        // 客服按钮点击
        document.querySelector('.floating-support').addEventListener('click', function() {
            alert('正在为您连接客服');
        });
    </script>
</body>
</html>